<template>
  <el-date-picker
    style="width: 100%;"
    :readonly="form.readonly"
    :start-placeholder="item.plugin.startPlaceholder"
    :end-placeholder="item.plugin.endPlaceholder"
    v-model="form.data[item.prop]"
    :type="item.plugin.type"
    :format="item.plugin.format"
    :value-format="item.plugin.valueFormat"
    :placeholder="item.plugin.placeholder">
  </el-date-picker>
</template>

<script>
export default {
  name: "xl-date",
  props: {
    dictionary: {
      type: Object,
      default: {}
    },
    item: {
      type: Object,
      default: {}
    },
    form: {
      type: Object,
      default() {
        return {
          parentId: "",
          list: [],
          rules: {},
          childTable: []
        }
      }
    }
  },
  data() {
    return {
      deptData: [],
      user: {
        show: false,
        infos: ""
      },
    }
  },
}
</script>

<style scoped>

</style>
